h1,
h2,
h3,
h4,
p {
color: rgb(0, 128, 128);
}
  /*begin navbar style*/
 .navbar {
padding: 0px;
align-items:center;
justify-content:center;
}
#top-nav {background-color: rgb(0, 128, 128);}
#social-icons {
display:flex;
margin-left: 10%;
}
.fa {
font-size: 20px;
text-decoration: none;
color: rgba(255, 255, 255, 0.8);
padding: 5px;
border-radius: 100%;
}
.fa:hover{color: rgba(255, 255, 255, 1);}
#bottom-nav {
background-color: rgba(255, 255, 255, .9);
padding:0px;
}
#inner-bottom-nav{width:100vw; max-width:100%; margin:0;}
.navbar-brand{align-items:center;}
#brand-logo {
height: 70px;
width: 70px;
}
#brand-vertical-bar{
  height: 50px;
  width:2px;
  border-radius:100px;
  margin-left: 5px;
  background-color:rgb(0, 128, 128);
}
#brand-text {
  display:inline-block;
  padding-left: 10px;
  color: rgb(0, 128, 128);
  font-size:15px;
}
#button-container{
  display:inline-flex;
  justify-content:end;
  align-items:center;
}
.navbar-toggler{margin-right:10%;}
#collapse-container{
  position:relative;
  display:inline-flex;
  padding:0px;
}
.navbar-collapse{
  justify-content:space-around;
  position:absolute;
  top:100%;
  width:100%;
  background-color: rgb(255, 255, 255);
}
.navbar-nav{width:100%;}
.nav-link{white-space: nowrap;}
.dropdown{position:relative;}
.dropdown-menu{
  position:absolute !important;
  background-color: rgb(255, 255, 255);
}

/*end navbar style*/
/*begin header section*/
.donate-header-row{
  height:23vw;
}
.donate-header-col{
  position:relative;
  padding:0;
  overflow:hidden;
}
.donate-header-img{
  position:absolute;
  width:50vw;
  height:33vw;
  top:-35%;
  mask-image:linear-gradient(-90deg, transparent 0vw,  white 10vw);
}
#ps-header-background{
  position:absolute;
  height:100%;
  width:70vw;
  top:0;
  right:0;
  background:linear-gradient(95deg, rgba(0,0,0,0),  rgba(0, 128, 128, 1) 30vw);
  z-index:2;
}
.donate-header-text{
  position:absolute;
  top:5vw;
  right:22vw;
  color:rgb(255,255,255);
  font-size:60px;
  z-index:1;
}
/*end header section*/

/*begin program description*/
#program-description-row{
  margin-top:50px;
  justify-content:space-evenly;
}

#program-description-col{
   margin-bottom:50px;
  justify-content:center;
  align-items: center;
}

#peer-support-logo{
  width:220px;
  border-radius:100%;
}

/*end program description*/
/*begin services offered*/
.ps-services-col{
 margin-top:50px;
  margin-bottom:50px;
}

.services-header{
  margin-bottom:50px;
}

.ps-services-icons{
  border-radius:10px;
  border: 5px solid rgb(0, 128, 128);
  height:175px;
  width:175px;
  position:relative;
  z-index:3;
}

.ps-service-text{
  width:175px;
  padding-top:15px;
  padding-bottom:15px;
  margin-bottom:50px;
  position:relative;
  z-index:3;
  background-color:white;
}

.ps-services-hr{
  border:none; 
  border-top:5px dashed rgba(0, 128, 128,1);
  margin-top:-215px;
  width:80%;
  position:relative;
  z-index:2;
}

/*end services offered*/
/*begin what-we-do */

.wwd-row{
  
}
.wwd-staff-row{
  margin-bottom:70px;
}

.wwd-staff-img-col{
  justify-content:center;
}
.wwd-skills-img-col{
  justify-content:center;
}
.wwd-staff-img{
  height:291px;
  width:319px;
  border-radius:10%;
}
.wwd-text-col{
  position:relative;
}



.wwd-skills-row{
   margin-bottom:50px;
}
.wwd-skills-img{
  height:244px;
  width:319px;
  border-radius:10%;
}


/*end what-we-do */
/*begin getting-started */
.gs-row{
  justify-content: space-around;
  margin-bottom:50px;
  margin-top:50px;
}
.gs-img-col{
  border-radius:10%;
  position:relative;
  overflow:hidden;
}
.gs-img{
  position:relative;
  left:0px;
  border-radius:10%;
  width:500px;
  height:317px;
}

.gs-header{
  margin-bottom:35px;
}
.gs-p, .gs-uls{
  width:500px;
  margin:auto;
}
.gs-uls{
  padding-top:20px;
}
.gs-icons-ul, .gs-info-ul{
  color:rgb(0,128,128);
  list-style-type: none;
  margin:0px;
  padding:0px;
}
.gs-icons-ul{
  justify-content:end;
  
}
.gs-info-ul{
  margin-left:50%;
  transform: translateX(-50%);
  width:300px;
}
.gs-li{
display:flex;
padding:0px;
}
.gs-FA{
  color:rgb(0,128,128);
  width:40px;
  padding-right:20px;
}
.gs-FA:hover{
  color:rgb(0,128,128);
}
.gs-fa-map{
  margin-top:8px;
}

/*end getting started */

/*begin funding */
.funding-row{
  margin-top:50px;
  margin-bottom:50px;
}
.funding-img{
  width:150px;
}

/*end funding */

/*begin get involved style*/

#get-involved-row {
position: relative;
background-color: rgba(0, 128, 128, .8);
overflow: hidden;
}
#get-involved-volunteer,
#get-involved-donate {
z-index: 2;
margin: 100px 0px;
}
#get-involved-volunteer{margin-bottom:50px;}
#get-involved-donate{margin-top: 50px;}
#get-involved-container,
#get-involved-header,
#get-involved-text,
#get-involved-anchor {
color: rgb(255, 255, 255);
}
#get-involved-text {
max-width: 400px;
margin-left: auto;
margin-right: auto;
}
#get-involved-anchor {
font-size: 22px;
padding: 10px 40px;
white-space: nowrap;
background-color: rgb(0, 128, 128);
border-radius: 100px;
text-decoration: none;
}
#get-involved-anchor:hover {background-color: rgb(0, 204, 204);}
#get-involved-img {
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
background-size: 100% 100%;
opacity: 0.4;
z-index: 1;
height:75vw;
width:100vw;
min-height:744px;
min-width:992px;
padding:0px;
}

/*end get involved style*/
/*begin footer style*/

#footer {
background-color: rgb(0, 128, 128);
padding: 40px 0px;
}
footer *{color:rgb(255, 255, 255);}
#footer-logo {
height: 115px;
width: 115px;
background-color:rgb(0, 204, 204);
border-radius:30px;
}
#footer-social-header{margin-top:20px;}
#footer-social-icons >.fa{color: rgba(255, 255, 255, .8);}
#footer-social-icons >.fa:hover{color: rgba(255, 255, 255, 1);}
#footer-phone-number-anchor, #footer-address-anchor{text-decoration: none;}
#anon-websites {
  list-style-type: none;
  padding:0px;
}
.anon-list-item {
margin-top: 10px;
decoration: none;
}
.anon-site{
  text-decoration: none;
  color: rgb(77, 0, 153);
}
.anon-site:link{color: rgb(255, 255, 255);}
.anon-site:visited {color: rgb(255, 255, 255);}
.anon-site:hover{color:rgba(255, 255, 255, .8);}
#map {height:230px; width:230px; border-radius:20px;}

/*end footer style*/

/*extra small*/
@media screen and (max-width: 576px) {
  .donate-header-row{
  height:50vw;
}
  .donate-header-img{
  width:80vw;
  height:53vw;
  top:0;
  mask-image:linear-gradient(-90deg, transparent 0vw,  white 10vw);
}
#ps-header-background{
width:40vw;
  background:linear-gradient(95deg, rgba(0,0,0,0),  rgba(0, 128, 128, 1) 30vw);
}
.donate-header-text{
  top:15vw;
  right:2vw;
  font-size:25px;
}
  #peer-support-logo{
  margin-bottom:30px;
}
.wwd-staff-header, 
.wwd-skills-header,
.wwd-staff-p,
.wwd-skills-p{
  width:350px;
}
.wwd-staff-container,
.wwd-skills-container{
  width:350px;
  position:relative;
  left:50%;
  transform:translate(-50%, 0);
}
.gs-img{
  width:92vw;
  height:58vw;
 left:50%;
 transform:translateX(-50%);
}
.gs-text{
  margin-top:25px;
}
.gs-p, .gs-uls{
  width:400px;
  max-width: 100%;
}
#map-container{padding: 20px;}
.footer-col{
text-align: center;
margin-top: 20px;
}

.donate-instructions-header{
  padding:30px 0;
}
.donate-instructions-header,
.donate-ideas-header{
  font-size:40px;
}
}
/*small*/
@media screen and  (min-width: 576px) {
    .donate-header-row{
  height:50vw;
}
  .donate-header-img{
  width:80vw;
  height:53vw;
  top:0;
  mask-image:linear-gradient(-90deg, transparent 0vw,  white 10vw);
}
#ps-header-background{
width:40vw;
  background:linear-gradient(95deg, rgba(0,0,0,0),  rgba(0, 128, 128, 1) 30vw);
}
.donate-header-text{
  top:15vw;
  right:5vw;
  font-size:35px;
}
  #peer-support-logo{
  margin-bottom:30px;
}
.wwd-staff-header, 
.wwd-skills-header,
.wwd-staff-p,
.wwd-skills-p{
  width:400px;
}
.wwd-staff-container,
.wwd-skills-container{
  width:400px;
  position:relative;
  left:50%;
  transform:translate(-50%, 0);
}
.gs-img{
 left:50%;
 transform:translateX(-50%);
}
.gs-text{
  margin-top:25px;
}
#map-container{padding: 25px;}
}
/*medium*/
@media screen and  (min-width: 768px) {
  .donate-header-row{
  height:23vw;
}
.donate-header-img{
  width:50vw;
  height:33vw;
  top:-35%;
  mask-image:linear-gradient(-90deg, transparent 0vw,  white 5vw);
}
#ps-header-background{
  width:62vw;
  background:linear-gradient(95deg, rgba(0,0,0,0),  rgba(0, 128, 128, 1) 20vw);
}
.donate-header-text{
  top:5vw;
  right:10vw;
  font-size:40px;
}
#button-container{display:none;}
.navbar-collapse{
  position:relative;
  top:0%;
  background-color:rgba(255, 255, 255, 0.1);
}
.wwd-staff-img-col{
  justify-content:end;
}
.wwd-skills-img-col{
  justify-content:start;
}
.wwd-staff-container,
.wwd-skills-container{
  position:absolute;
  top:50%;
  transform:translate(0, -50%);
}
.wwd-staff-container{
  left:40px;
}
.wwd-skills-container{
  left:auto;
  right:40px;
}
.funding-description-img{margin-top:0px}
#get-involved-volunteer,
#get-involved-donate{margin: 100px 0px;}
#map{width:min(230px, 100%);}
}
/*large*/
@media screen and  (min-width: 992px) {
    .donate-header-img{
  mask-image:linear-gradient(-90deg, transparent 0vw,  white 5vw);
}
#ps-header-background{
width:62vw;
  background:linear-gradient(95deg, rgba(0,0,0,0),  rgba(0, 128, 128, 1) 20vw);
}
.donate-header-text{
  top:5vw;
  right:10vw;
  font-size:60px;
}
.gs-img{
 left:0%;
 transform:translateX(0%);
}
.gs-text{
  margin-top:0px;
}
.gs-p, .gs-uls{
  width:400px;
}
#peer-support-logo{
  margin-bottom:0px;
}
}
/*extra large*/
@media screen and  (min-width: 1200px) {
#brand-text {font-size: 18px;}
  .donate-header-img{
  mask-image:linear-gradient(-90deg, transparent 0vw,  white 5vw);
}
#ps-header-background{
width:62vw;
  background:linear-gradient(95deg, rgba(0,0,0,0),  rgba(0, 128, 128, 1) 20vw);
}
.donate-header-text{
  top:5vw;
  right:15vw;
  font-size:60px;
}
.gs-img{
 left:50%;
 transform:translateX(-50%);
}
.gs-p, .gs-uls{
  width:500px;
}
}
/*extra extra large*/
@media screen and (min-width: 1400px) {
    .donate-header-img{
  mask-image:linear-gradient(-90deg, transparent 0vw,  white 5vw);
}
#ps-header-background{
width:62vw;
  background:linear-gradient(95deg, rgba(0,0,0,0),  rgba(0, 128, 128, 1) 20vw);
}
.donate-header-text{
  top:5vw;
  right:15vw;
  font-size:60px;
}
}